<template>
  <!-- style="background-image:url('http://10.130.10.11/pdf_waw/img/mxweb/bg.jpg');background-size:contain;" -->
  <!-- <div id="index" class="container"> -->
    <div class="index">
<navBar></navBar>

  <el-carousel indicator-position="inside" id="swip" >
    <el-carousel-item v-for="item in 4" :key="item">
      <img class="imgbanner" src="http://10.130.10.11/pdf_waw/img/mxweb/bg.jpg" alt />
    </el-carousel-item>
  </el-carousel>
  <div class="content1">jaja1</div>
    </div>
  
  <!-- </div> -->
</template>
<script>
    

import navBar from "@/components/layout/navBar.vue";
export default {
  data() {
    return {};
  },
  mounted() {
    // console.log(window.innerWidth,'innerwidth');
    // let docu=document
    // let el=docu.getElementById("swip")
    // el.setAttribute("style",`height:${window.innerHeight}px;width:${window.innerWidth}px`)
    // console.log(window.innerHeight,'innerheight');
    this.$nextTick(function(){

    })

  },
  components: {
    navBar
  },

  methods: {}
};
</script>
<style lang="scss">
.index{
  width: 100%;
  height: 100%;
  .el-carousel--horizontal{
    overflow:hidden
  }
  #swip{
width: 100%;
  height: 100%;
   .el-carousel__container {
  width: 100%;
  height: 100%;
  margin: 0;
  border: 1px solid #000;
   .el-carousel__item {
    width: 100%;
    height: 100%;
    margin: 0;
    img {
      width: 100%;
      height: 100%;
    }
  }
  
}
  }
 
.content1{
    width: 1920px;
  height: 937px;
  margin: 0;
  border: 1px solid #000;
  background: #f90;
}

}

</style>
